import {ReactComponentElement} from "react";

export type MenuItemType = {
    name: string,
    path: string,
    icon:ReactComponentElement<any>,
    children:MenuItemType[]
}
type MenuListType = MenuItemType[]
export type MenuPropType = {
    MenuItems: MenuItemType[],
    collapsed: Boolean,
    vertical: Boolean
}
export type MenuItemPropType = {
    MenuItem: MenuItemType,
    collapsed: Boolean
}
export type StateType = {
    collapsed:Boolean,
    width: string,
    height:string,
    direction:any,
    MenuStyle: {
        width: string
    }
}
export type MenuItemStateType={
    width: string,
    opacity:number,
    collapsed:Boolean
}
export type SubMenuItemStateType={
    collapsed:Boolean
}

export type SubMenuItemPropType = {
    MenuItem: MenuItemType,
    collapsed: Boolean
}